* {
				margin: 0;
				padding: 0;
			}
			
			body {
				font-family: Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
			}
			
			li {
				list-style: none;
			}
			
			#main {
				width: 640px;
				height: 960px;
				position: relative;
				overflow: hidden;
			}
			
			#list {}
			
			#list > li {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				background-size: cover;
				display: none;
				z-index: 5;
			}
			
			#list > li.zIndex {
				z-index: 6;
			}
			
			#list > li:nth-of-type(1) {
				display: block;
			}
			
			@-webkit-keyframes swinging {
				0% {
					-webkit-transform: rotate(10deg);
				}
				50% {
					-webkit-transform: rotate(-10deg);
				}
				/* Come to rest at 50%. The rest is just stillness */
				100% {
					-webkit-transform: rotate(10deg);
				}
			}
			
			.swing {
				-webkit-animation: swinging 1s ease-in-out 0s infinite;
				-moz-animation: swinging 1s ease-in-out 0s infinite;
				animation: swinging 1s ease-in-out 0s infinite;
				-webkit-transform-origin: 50% 100%;
				-moz-transform-origin: 50% 100%;
				transform-origin: 50% 100%;
			}
			
			
			
			@-webkit-keyframes swinging {
				0% {
					-webkit-transform: rotate(10deg);
				}
				50% {
					-webkit-transform: rotate(-10deg);
				}
				/* Come to rest at 50%. The rest is just stillness */
				100% {
					-webkit-transform: rotate(10deg);
				}
			}
			
			#music {
				width: 70px;
				height: 70px;
				background: url(../img/music.png) no-repeat;
				background-size: cover;
				position: absolute;
				top: 20px;
				right: 20px;
				z-index: 8;
			}
			/* #qrcode{
				margin-top:-10px;
				width: 100%;
				height:100%;
				background: url(../img/qrcode.gif) no-repeat;
				background-size: cover;
				position: absolute;
				z-index: 60;
				opacity:0.7;
			} */
			#qrcode img{
				margin-top:-10px;
				width: 100%;
				height:100%;
				/* background: url(../img/qrcode.gif) no-repeat; */
				background-size: cover;
				position: absolute;
				z-index: 60;
				opacity:0.9;
			}
			#cover img{
				margin-top:-10px;
					width: 100%;
					height:100%;
					/* background: url(../img/cover.png) no-repeat; */
					background-size: cover;
					position: absolute;
					z-index: 80;
			}
			#qrcodeShare img{
				margin-top:-10px;
				width: 100%;
				height:100%;
				/* background: url(../img/share.gif) no-repeat; */
				background-size: cover;
				position: absolute;
				z-index: 61;
				opacity:0.8;
			}
			
			#music.active {
				animation: 1s linear infinite musicMove;
				-webkit-animation: 1s linear infinite musicMove;
			}
			
			@keyframes musicMove {
				0% {
					transform: rotate(0);
				}
				100% {
					transform: rotate(360deg);
				}
			}
			
			@-webkit-keyframes musicMove {
				0% {
					-webkit-transform: rotate(0);
				}
				100% {
					-webkit-transform: rotate(360deg);
				}
			}
			
			#guanzhu {
				opacity:0.9;
				width: 640px;
				height: 93px;
				position: absolute;
				bottom: 0px;
				left: 0px;
				z-index: 8;
			}